<template>

  <div>
  <el-input v-model="obj.name"></el-input>
    {{obj.name}}
    <el-button @click="init">点击</el-button>
    </div>
</template>

<script>
export default {
  name: "addself",
  data(){
    return{
      obj:{}
    }
  },
  created() {
    //当v-model绑定的对象没有属性时，如果要操作属性值，只能先赋值对象，后才能对具体的属性操作
    //或者使用Vue.set(object, propertyName, value) $set
    //下面1,2 都是可以的
    //1
    this.obj = {name:"xx"}
    //2
    this.$set(this.obj,"name",12)
  },
  methods:{
     init(){
       this.obj.name="cc"
     }
  }
}
</script>

<style scoped>

</style>
